.box_round {
     -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
          border-radius: 5px; 
}

.box_shadow {
     -moz-box-shadow: 1px 1px 3px #cdcdcd;
  -webkit-box-shadow: 1px 1px 3px #333;
          box-shadow: 1px 1px 3px #333;
}

.box_gradient {
  background-color: #7b7b7b;
  background-image: -moz-linear-gradient(top, #cdcdcd, #8a8a8a); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7b7b7b),color-stop(1, #717171)); /* Saf4+, Chrome */
  background-image: linear-gradient(top, #7b7b7b, #717171);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6–IE9 */
}

.box_rgba {
  background-color: #B4B490;
  background-color: rgba(180, 180, 144, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490'); /* IE6–IE9 */
}

.box_rotate {
     -moz-transform: rotate(7.5deg);  /* FF3.5+ */
       -o-transform: rotate(7.5deg);  /* Opera 10.5 */
  -webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */
      -ms-transform: rotate(7.5deg);  /* IE9 */
          transform: rotate(7.5deg);  
             filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6–IE9 */ 
                     M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104);
               zoom: 1;
}

.box_transition {
     -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.3s ease-out;  
}